<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>课程表</title>
</head>
<style>
    table{
        border-collapse:separate; border-spacing:0px;
    }
    td {
        text-align: center;
        position: relative;
        border:1px solid black;
    }

    td[class=first]:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 229px;
        top: 0;
        left: 0;
        background-color: #000;
        display: block;
        transform: rotate(-65deg);
        transform-origin: top;
    }
.title1{
	position:relative;
	top: 26px;
	left:-50px;
}
.title2{
	position: relative;
	top: -26px;
	left:50px;
}
#sin{
    margin: 8px;
}
</style>
<body>
    <table id="myTable" border="1"  >
        <tbody>
            <tr>
                <td width="100" height="50"  colspan="2" rowspan="2" class="first"><span class="title1">时间</span><span class="title2">星期</span></td>
                <td width="100" height="50"  colspan="2">星期一</td>
                <td width="100" height="50"  colspan="2">星期二</td>
                <td width="100" height="50"  colspan="2">星期三</td>
                <td width="100" height="50"  colspan="2">星期四</td>
                <td width="100" height="50"  colspan="2">星期五</td>
            </tr>
            <tr>

                <td width="100" height="50" >科目</td>
                <td width="100" height="50" >教师</td>
                <td width="100" height="50" >科目</td>
                <td width="100" height="50" >教师</td>
                <td width="100" height="50" >科目</td>
                <td width="100" height="50" >教师</td>
                <td width="100" height="50" >科目</td>
                <td width="100" height="50" >教师</td>
                <td width="100" height="50" >科目</td>
                <td width="100" height="50" >教师</td>
            </tr>
            <tr>
                <td width="50" height="50"  rowspan="4">上午</td>
                <td width="150" height="50" >第一节</td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
            </tr>
            <tr>
                <td width="150" height="50" >第二节</td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
            </tr>
            <tr>

                <td width="150" height="50" >第三节</td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
            </tr>
            <tr>

                <td width="150" height="50" >第四节</td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
            </tr>
            <tr>
                    <td width="150" height="1" colspan="16" ></td>
                    
                </tr>
            <tr id="sin">
                <td width="50" height="50"  rowspan="4"  >下午</td>
                <td width="150" height="50" >第一节</td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
            </tr>
            <tr>

                <td width="150" height="50" >第二节</td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
            </tr>
            <tr>

                <td width="150" height="50" >第三节</td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
            </tr>
            <tr>

                <td width="150" height="50" >第四节</td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
                <td width="100" height="50" ></td>
            </tr>
        </tbody>


    </table>
</body>

</html>